<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我的</title>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="./fonts/font_tabbar/iconfont.css?v=20181211"/>
    <link rel="stylesheet" href="./css/public.css?v=20181211"/>
    <link rel="stylesheet" href="./css/member.css?v=20181211"/>
    <link rel="stylesheet" href="./css/cxvalidation.css">
    <link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src='./js/jquery-3.2.1.min.js'></script>
    <script src="./js/mui.min.js"></script>
    <script src="./fonts/font_tabbar/iconfont.js"></script>
    <script src="./js/art-template.js"></script>
    <script type="text/javascript" src='./js/config.js?v=20181211'></script>
    <script src="./js/cxvalidation.js"></script>
    <script type="text/javascript" src='./js/config.js?v=20181211'></script>
</head>
<style>
    .phone{
        display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center
    }
    .show_alert{
        background-color:rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 4;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
    }
    .alert_content{
        padding: 1rem;
        background: #fff;
        border-radius: 10px;
        text-align: center;
        width: 80%;
    }
    .img_cuo{
        position: absolute;
        top: 0;
        right: 0;
        padding-left: 2rem;
    }
    .alert_content input{
        background: #f1f1f1;
        text-align: center;
        font-size: 0.9rem;
        border: none;
        margin-bottom: 0;!important;
    }
</style>
<body>
<div class='mui-content' style="margin-bottom: 3rem;">
    <div class='mui-content' id="">

        <div class='member-header' id="member_detail_cotent">
            <!--header-->
            <img class='member-img' alt=""/>
            <p id="nickname"></p>
            <h5>ID:<span id="mid"></span></h5>
        </div>

        <div id="daohang_content">
            <!--导航-->
            <ul class='member-nav' style="border-bottom: 0.2rem solid #f0f0f0">
                <li id='bill-ticket' onclick='redirect("ticket.html")' style="padding-bottom: 0.2rem">
                    <p style="color: #FF9900" id="bill_num">0</p>  <!--{{total_waterbill_num}}-->
                    <h4>水票</h4>
                </li>
                <li id='bill-bucket' onclick='redirect("bucket.html")'>
                    <p style="color: #FF5F3E" id="bucket_num">0</p> <!--{{total_bucket_num}}-->
                    <h4>水桶</h4>
                </li>
                <li id='bill-cash' onclick='redirect("cash.html")'>
                    <p style="color:#6AC20B;" id="deposit">0</p> <!--{{deposit}}-->
                    <h4>押金</h4>
                </li>
            </ul>
        </div>
        <!--订单-->
        <div class='top' id="order" onclick='redirect("order.html")'>
            <div class="member_pad">
                <div class="float_left" style="font-size: 1rem">
                    <i style="color: #FFB311;" class="fa fa-hourglass-3 i_style"></i>
                    <span class='text-name'>订单管理</span>
                </div>
                <img class='top-right-img float_right' src="./image/more.png" alt=""/>
            </div>
        </div>
        <!--列表-->

        <div class='top' id='address' onclick='redirect("address.html")'>
            <div class="member_pad">
                <div class="float_left" style="font-size: 1.4rem">
                    <i style="color: #25BDEF;" class="fa fa-map-marker i_style"></i>
                    <span class='text-name'>收货地址</span>
                </div>
                <img class='top-right-img float_right' src="./image/more.png" alt=""/>
            </div>
        </div>
        <div class='top' id="commission" onclick='redirect("distri_detail.html")'>
            <div class="member_pad">
                <div class="float_left" style="font-size: 1rem">
                    <i style="color: #ff0000;" class="fa fa-money i_style"></i>
                    <span class='text-name'>我的推广</span>
                </div>
                <img class='top-right-img float_right' src="./image/more.png" alt=""/>
            </div>
        </div>
        <div class='top' id='personal' onclick='redirect("member-info-new.html")'>
            <div class="member_pad">
                <div class="float_left" style="font-size: 1rem">
                    <i style="color: #F0686B;" class="fa fa-database i_style"></i>
                    <span class='text-name'>手机验证</span>
                </div>
                <img style="float: right" class='top-right-img' src="./image/more.png" alt=""/>
            </div>
        </div>
        <div class='top' id='bill-share' onclick='redirect("bill-share.html")'>
            <div style="padding: 0 1rem">
                <div style="float: left;font-size: 1rem">
                    <i style="color: #6AC20B;" class="fa fa-cny i_style"></i>
                    <span class='text-name'>水票共享</span>
                </div>
                <img style="float: right" class='top-right-img' src="./image/more.png" alt=""/>
            </div>
        </div>
        <div class='top' id='info-move' onclick='redirect("info-move.html")'> <!--clone-->
            <div class="member_pad">
                <div class="float_left" style="font-size: 1rem">
                    <i style="color: #25BDEF;" class="fa fa-clone i_style"></i>
                    <span class='text-name'>账号移交</span>
                </div>
                <img  class='top-right-img float_right' src="./image/more.png" alt=""/>
            </div>
        </div>
        <div class='top' id='shop-change' onclick='redirect("shop-change.html")'><!--institution-->
            <div class="member_pad">
                <div style="float: left;font-size: 1rem">
                    <i style="color: #FFB311;" class="fa fa-institution i_style"></i>
                    <span class='text-name'>店铺切换</span>
                </div>
                <img class='top-right-img float_right' src="./image/more.png" alt=""/>
            </div>
        </div>
        <div class='top' id='reload' onclick=" logout();">
            <div class="member_pad">
                <div class="float_left" style="font-size: 1rem">
                    <i style="color: #F0686B;" class="fa fa-repeat i_style"></i>
                    <span class='text-name'>清除缓存</span>
                </div>
                <img class='top-right-img float_right' src="./image/more.png" alt=""/>
            </div>
        </div>
        <div class='top' id='about-us' onclick='redirect("about-us.html")'>
            <div class="member_pad">
                <div class="float_left" style="font-size: 1rem">
                    <i style="color: #25BDEF;" class="fa fa-cube i_style"></i>
                    <span class='text-name'>关于我们</span>
                </div>
                <img class='top-right-img float_right' src="./image/more.png" alt=""/>
            </div>
        </div>
        <div class='top' id='skill' onclick='redirect("skill.html")'>
            <div class="member_pad">
                <div class="float_left" style="font-size: 1rem">
                    <i style="color: #6AC20B;" class="fa fa-handshake-o i_style"></i>
                    <span class='text-name'>技术支持</span>
                </div>
                <img class='top-right-img float_right' src="./image/more.png" alt=""/>
            </div>
        </div>
    </div>
    <form action="" name='myform_mobile' id='myform_mobile' style="display: none">
        <div class="div_status">
            <div class="show_alert" >
                <div class="alert_content">
                    <div style="position: relative">绑定手机号
                        <div class="img_cuo">
                            <img  style="width: 1rem" src="image/cuo.png">
                        </div>
                    </div>
                    <div style="margin-top: 1rem ;display: flex;background: #f1f1f1">
                        <input type="text" name="mobile" class="mobile" placeholder="输入手机号" data-validation="required,call[is_mobile]" data-validation-message='{"required":"请输入手机号"}'>
                    </div>
                    <div style="margin-top: 1rem ;display: flex;background: #f1f1f1;display: -webkit-flex;align-items: center;-webkit-align-items: center">
                        <input name="captcha" style="width: 50%" type="text" placeholder="输入验证码" data-validation="required" data-validation-message='{"required":"请输入验证码"}'>
                        <p class="get_code" style="border-left: 1px solid #222222;padding-left: 1rem;color: #25bdef">获取验证码</p>
                    </div>
                    <button style="margin-top: 1rem;padding: 0.5rem 2rem" type="submit" class="mui-btn-blue submit-sure">提交</button>
                </div>
            </div>
        </div>
    </form>


    <!--tabbar-->
    <nav class='mui-bar mui-bar-tab'>
        <a href="javascript:redirect('take-water.html')" class="mui-tab-item">
            <span class='mui-icon'><i class=" iconfont icon-shuidi"></i></span>
            <span class='mui-tab-label'>订水</span>
        </a>
        <a href="javascript:redirect('index.html')" class="mui-tab-item">
            <span class='mui-icon'><i class=" iconfont icon-shangcheng"></i></span>
            <span class='mui-tab-label'>商城</span>
        </a>
        <a href="javascript:redirect('water-ticket.html')" class="mui-tab-item">
            <span class='mui-icon'><i class=" iconfont icon-piaofang"></i></span>
            <span class='mui-tab-label'>水票</span>
        </a>
        <a href="javascript:redirect('member.html')" class="mui-tab-item  mui-active">
            <span class='mui-icon'><i class=" iconfont icon-wo"></i></span>
            <span class='mui-tab-label'>我的</span>
        </a>
    </nav>
</div>
<script type="text/html" id="member_detail">

</script>

<script src='./js/commen.js?v=20181211'></script>
<script src='./js/member.js?v=20181211'></script>
</body>

</html>
